<template>
    <div class="w-index-filter">
       <div class="w-index-filter-item" v-for="(item,i) in items" :key="i">
           <span v-text="item.text"></span>
           <img src="@/assets/images/subIcon.png" alt="">
       </div>
    </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        {
          text: "品类"
        },
        {
          text: "风格"
        },
        {
          text: "品牌"
        }
      ]
    };
  }
};
</script>

<style lang="scss">
.w-index-filter {
  display: flex;
  line-height: 100px;
  border-bottom: 2px solid #e5e2e2;
  .w-index-filter-item {
    flex: 1;
    text-align: center;
    font-size: 28px;
    font-weight: 400;

    img {
      vertical-align: middle;
      margin-left: 16px;
    }
  }
}
</style>
